@r: 1rem/75;

@keyframes areaShow{
  0%{
      height: 0;
  }
  100%{
      height: 10rem;
  }
}

.picker-wrapper {
  width: 100%;
  height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 4000;
  font-size: 0.5rem;
  color: #9caebf;
  background: #fff;
  animation: 0.5s areaShow;

  .tabs {
    display: flex;
    justify-content: space-around;
    li {
      padding: 12px 10px 7px;
    }
    .active {
      border-bottom: #52697f solid 3px;
      color: #52697f;
    }
  }

  .district {
    li {
      padding: 12px 20px 8px;
      border-top: 1px solid #f6f6f6;
    }
  
  }

}

